<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>
       维稳要情专报 第 {{ model.sub_title }} 期
    </title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <style>
      @font-face{
        font-family: mFont; 
        src: url("{{ url_for('static', filename='font/fzxb.ttf') }}");
      }
      @font-face{
        font-family: fs; 
        src: url("{{ url_for('static', filename='font/GB2312.ttf') }}");
      }
      @font-face{
        font-family: simhei; 
        src: url("{{ url_for('static', filename='font/simhei.ttf') }}");
      }
.m-footer {
	padding: 14px 0px 7px 0px;
  font-family: fs;
  font-size: 18px;
}
.m-person {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
  font-family: fs;
	padding: 4px 0px;
  font-size: 18px;
}
.m-sign {
  text-align: right;
	padding:10px 0px 80px 0px;
  font-size: 20px;
  font-family: fs;
  padding-right: 120px;
  letter-spacing: -1px;
  line-height: 1.8em;
}
.m-body {
	padding: 70px 50px 50px 50px;
}
.m-num {
  margin-top: 50px;
  font-size: 20px;
  font-family: simhei;
	text-align: center;
}
.m-header{
	color:red;
	font-size: 75px;
  letter-spacing: 20px;
  font-family: mFont;
	text-align: center;
}
.m-info{
  font-size: 22px;
	padding: 20px 0px 5px 0px;
  font-family: fs;
	border-bottom: 2px solid red;
  letter-spacing: -3px;
}

.m-title {
	margin: 0.8em 0px;
	font-size: 28px;
  font-family: fs;
	text-align: center;
  padding-top: 20px;
}
.m-content {
	line-height: 1.8em;
  font-family: fs;
	font-size: 18px;
}
    </style>
  </head>
  <body>
      <div class="container m-body" style="width:792px;">

          <div class="m-header">
            维稳要情专报
          </div>
          <div class="m-num">第 {{ model.sub_title }} 期</div>
          <div class="m-info">
            <div style="float: right;letter-spacing:-1px;">
              {{ model.title }}
            </div>
            <div sytle="float:left">
              中共丽水市莲都区委政法委员会
            </div>
          </div>

        {% for item in model.articles %}
            <div class="m-title">{{ item.title }}</div>
            <div class="m-content">{{ item.content|safe }}</div>
        {% endfor %}

          <div class="m-sign">
            <div>中共丽水市莲都区委政法委员会</div>
            <div style="padding-right:20px;">{{ model.title }}</div>
          </div>

          <div class="m-person">
            <div>报: {{ model.report_person }}</div>
            <div>送: {{ model.push_person }}</div>
            <div>份数:{{ model.num }}份</div>
          </div>

          <div class="m-footer">
            <div style="float: right; margin-right: 80px;">
              签发: {{ model.sign_issue }}
            </div>
            <div style="float: left;">
              编校: {{ model.edit_person }}
            </div>
          </div>

      </div>

  </body>
</html>